<?xml version="1.0" encoding="UTF-8"?>
 <!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 <meta name="keywords" content="W3C SVG 1.1 Test Suite testsuite mobile"/>
 <meta name="description" content="W3C SVG 1.1 Test Suite"/>
 <title>
SVG 1.1 test:filters-gauss-01-b </title>
 <style type="text/css">
 <!--
 body { font-family: "Lucida Grande", verdana, helvetica, sans-serif; line-height: 1.3; text-align: left; margin-top: 0; margin-bottom: 0 }
 .pageTitle { line-height: 1.5; font-weight: bold; margin-bottom: 1em;}
 .pageSubTitle  { color: blue; font-size: 200%; font-weight: bold }
 .openChapter { color: blue; line-height: 1.3; font-weight: bold }
 .openSection { color: blue; line-height: 125%; font-weight: bold }
 .info { color: black; line-height: 1.2; font-size: 90%; }
 p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
 .linkbar { text-align: center; margin: 1em 1em 0.25em 1em;}
 blockquote { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
 .opscript {margin-left: 3%; margin-right: 3%; }
 .opscript p { margin-top: 0.7em}
 .navbar {background: black; color: white; font-weight: bold}
 -->
 </style>
 </head>
 <body class="bodytext">

	<div class="linkbar"> 
<p>
<a href="full-filters-gauss-01-b.html">Full version</a>, <a href="basic-filters-gauss-01-b.html">Basic version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVG11/filters.html#feGaussianBlur">15.17 Filter primitive 'feGaussianBlur'</a></p>
 <p>
				<a href="full-filters-felem-01-b.html">filters-felem-01-b ←</a> 
				<a href="full-index.html">index</a>
				<a href="full-filters-image-01-b.html">→ filters-image-01-b</a>
						</p></div>

	<table align="center" border="0" cellspacing="0" cellpadding="10">
		<tr>
			<td align="center" colspan="3">
				<table border="0" cellpadding="8">
					<tr>
						<td align="center" colspan="2" class="pageTitle">
							<h1>filters-gauss-01-b</h1>
						</td>
					</tr>
					<tr  class="navbar">
						<td align="center">
							SVG Image
						</td>
						<td align="center">
							PNG Image
						</td>
					</tr>
					<tr>
						<td align="right">
   	    		  			
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
            codebase="" id="mySVGViewerObj" width=480 height=360>
    <param name=movie value="../SvgViewer.swf">
    <param name="FlashVars" value="sourceType=url_svg&svgURL=../svggen/filters-gauss-01-b.svg">
    <param name="wmode" value="transparent">
    <embed play=false name="mySVGViewerObj" 
	    src="../SvgViewer.swf" quality=high wmode="transparent"
	    width=480 height=360 type="application/x-shockwave-flash"
	    FlashVars="sourceType=url_svg&svgURL=../svggen/filters-gauss-01-b.svg">
    </embed >
</object>
						</td>
						<td align="left">
							<img alt="raster image of filters-gauss-01-b" src="../png/full-filters-gauss-01-b.png" width="480" height="360"/>
						</td>
					</tr>
				</table>
			</td>
		</tr>
	</table>

               
<div class="opscript">
			<p>
				In the upper left corner of the output are red and yellow rectangles that overlap,
				they appear normally, no gaussianBlur has been applied.
				In the upper right the same rectangles are displayed with a blur filter applied,
				the standard deviation is the same for both the x and y axis.
				In the lower right corner the rectangles appear again,
				this time the standard deviation is different along the x (20) and y (1) axis.
			</p>
	    		<p>
				The rendered picture should match the reference image, except for possible
				variations in the labelling text (per CSS2 rules).  
    			</p>
    			<p>
				On top of the rectangles in the upper right and lower right, thin (half-pixel-wide) blue
				lines are drawn to show the outline of the object bounding box (the inside lines) and the
				outline of the filter region (the outside lines). The blur effect should be clipped
				to the bounds of the filter region.
    			</p>
    			<p>
				The test uses the 'rect' element, as well as basic fill (solid primary colors), 
				stroke (black 1-pixel and blue half-pixel lines), font-family (Arial) and font-size properties.
    			</p>

		</div>
<div class="linkbar"> <p>
				<a href="full-filters-felem-01-b.html">filters-felem-01-b ←</a>
				<a href="full-index.html">index</a>
				<a href="full-filters-image-01-b.html">→ filters-image-01-b</a>
						</p></div>
</body>
</html>
